@font-face {
  font-family: 'icomoon';
  src:  url('../fonts/icomoon.eot?tomleg');
  src:  url('../fonts/icomoon.eot?tomleg#iefix') format('embedded-opentype'),
    url('../fonts/icomoon.ttf?tomleg') format('truetype'),
    url('../fonts/icomoon.woff?tomleg') format('woff'),
    url('../fonts/icomoon.svg?tomleg#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
/* 盒子主题样式 */
.box-cont{
	width: 1226px;
	margin: 0 auto;
}
.fl{
	float: left;
}
.fr{
	float: right;
}
.style-red{
	color: red;
}
/* 头部样式开始 */
.Total-box .header-top {
	width: 100%;height: 100px;
	background-color: #FB5643;
}
.Total-box .header-top img{
	height: 100px;
	display: block;
	margin: 0 auto;
}
/* 导航栏开始 */
nav{
	height: 40px;width: 100%;background-color: #333333;
	line-height: 40px;font-size: 11px;text-align: center;
	position: relative;
}
nav .box-cont .fl-l li{
	float: left;
}
nav .box-cont .fl-l li:nth-child(2n){
	display: block;
	width: 1px;
	height: 15px;
	background-color: #ccc;
	margin:12px 10px;
}
nav .box-cont .fl-r li{
	float: left;
}
nav .box-cont .fl-r li:nth-child(2n){
	display: block;
	width: 1px;
	height: 15px;
	background-color: #ccc;
	margin:12px 10px;
}
nav .box-cont .fl-r .shopping{
	display: block;
	background-color:#424242;
	width: 130px;
	height: 40px;
}
nav .box-cont .fl-r li:last-child a::before{
	content: '\e93a';
	font-family: 'icomoon';
	margin-right:15px ;
}
nav .box-cont #QR{
	background-color: #FFFFFF;
	width: 140px;
	height: 130px;
	font-size: 16px;
	position: absolute;
	top:45px;
	left: 690px;line-height: 16px;
	display: none;
	z-index: 9;
	box-shadow: 1px 2px 3px #CCCCCC;
}
nav .box-cont #shopcar-cont{
	width: 300px;height: 120px;
	background-color: #333333;
	text-align: center;
	line-height: 120px;
	position: absolute;
	top: 40px;
	right:145px;
	background-color: #FFFFFF;
	display: none;
	box-shadow:  2px 2px 3px #CCCCCC;
	z-index: 9;
	
}
nav .box-cont .fl-r .shopping:hover a{
	display: block;
	width: 130px;
	height: 40px;
	color:#FF0000;
	background-color: #FFFFFF;
}
/* nav .box-cont #shopcar:hover #shopcar-cont{
	display: block;
	transform: translateY(20px);
	transition: transform 3s;
} */
/* 搜索栏开始 */
.header-top-middle .box-cont{
	height: 100px;
	position: relative;
	
}
.header-top-middle .box-cont #logo-box{
	width:70px;height: 70px;
	position: absolute;
	left: 0;top:15px;
	overflow: hidden;
	transition: left 5s;
}
.header-top-middle .box-cont #logobox{
	transition: left 100ms;
}
.header-top-middle .box-cont #logo-box .logo{
	width: 200%;height: 70px;
	position: absolute;
	left: 0;top:0px;
}
.header-top-middle .box-cont .nav-cont{
	height: 100px;width: 600px;line-height: 100px;font-size: 16px;text-align: center;color: black;
	position: absolute;left: 250px;
}
.header-top-middle .box-cont .nav-cont ul li{
	float: left;margin-left: 16px;
	
}
.header-top-middle .box-cont .nav-cont ul li a{
	color: #000000;
}
.header-top-middle .box-cont .nav-cont ul li a:hover{
	color: #FF0000;
}
.header-top-middle .box-cont .search{
	width: 300px;height: 50px;position: absolute;top: 25px;left: 926px;
	position: relative;
}
.header-top-middle .box-cont .search .search-r{
	width: 300px;height: 50px;border: #CCCCCC 1px solid;
	padding-left:10px ;
}
.header-top-middle .box-cont .search .btn{
	width: 50px;height: 50px;position: absolute;right: 0px;top: 0;border: #CCCCCC 1px solid;
	content: '\e986';
	font-family: 'icomoon';	
}
.header-top-middle .box-cont .search .btn::before{
	content: '\e986';
	font-family: 'icomoon';
	font-size: 20px;
}
.header-top-middle .box-cont .search .btn:hover{
	color: #FFFFFF;
	background-color: #FB5643;
}
/* .header-top-middle .box-cont{
	background-color: #000000
} */
/* 幻灯片部分开始 */
.slide-box{
	width: 100%;
}
.slide-box .ib-cont{
	height: 460px;
	position: relative;
}
.slide-box .ib-cont{
	height: 460px;
}
.slide-box .ib-cont .slide{
	height: 460px;width:1226px;
	overflow: hidden;
	position: relative;
}
.slide-box .ib-cont .slide .img-group{
	width: 400%;height: 460px;
	position: absolute;left: 0;
/* 	animation:lb 300s infinite; */
transition: left 1s;
}
.slide-box .ib-cont .slide a img{
	width: 1226px;height: 460px;
	float: left;
}
@keyframes lb{
	0%{left: 0;}
	20%{left: 0;}
	30%{left: -100%;}
	40%{left: -100%;}
	45%{left: -200%;}
	60%{left: -200%;}
	65%{left: -300%;}
	80%{left: -300%;}
	100%{left: 0;}
}
.slide-box .ib-cont .slide .btn-group{
	width: 100px;height:15px;
	position: absolute;bottom: 10px;left:1100px;
}
.slide-box .ib-cont .slide .btn-group div{
	width: 15px;height: 15px;
	border-radius: 50%;
	background-color: #CCCCCC;border: #000000 1px solid;
	float: left;
	margin-left:10px ;
	cursor: pointer;
}
.slide-box .ib-cont .slide #btn-l{
	width: 50px;height: 80px;position: absolute;top:190px;left:240px;text-align: center;
	line-height: 80px;font-size: 30px;
	
}
.slide-box .ib-cont .slide #btn-l::before{
	content: '\ea44';
	font-family: 'icomoon';	
	color: #CCCCCC;
}
.slide-box .ib-cont .slide #btn-r{
	width: 50px;height: 80px;position: absolute;top:190px;left:1176px;text-align: center;
	line-height: 80px;font-size: 30px;
}
.slide-box .ib-cont .slide #btn-r::before{
	content: '\ea42';
	font-family: 'icomoon';	
	color: #CCCCCC;

}
.slide-box .ib-cont .slide #btn-r:hover,#btn-l:hover{
	background-color:rgba(0,0,14,0.4);cursor: pointer;
}

.slide-box .ib-cont .nav-l{
	position: absolute;left: 0;top: 0;height: 460px;width: 240px;background-color: rgba(125,125,125,0.5);
}
.slide-box .ib-cont .nav-l ul{
	width: 100%;
	height: 400px;
	margin-top: 30px;
	
}
.slide-box .ib-cont .nav-l ul li{
	width: 100%;
	height: 40px;
	line-height: 40px;font-size: 14px;padding-left: 25px;
}
.slide-box .ib-cont .nav-l ul li a{
	color: #FFFFFF;
	display: block;
	width: 100%;height: 100%;
}
.slide-box .ib-cont .nav-l ul li a::after{
	content: '\e920';
	font-family: 'icomoon';
	color: #FFFFFF;
	float: right;margin-right: 20px;
	font-size: 20px;
}
.slide-box .ib-cont .nav-l ul li:hover{
	background-color:#FF6700; 
}
/* 矢量图标导航开始 */
.first-box{
	width: 100%;
	margin-top: 20px;
}
.first-box .box-cont .V-icon{
	width: 240px;height: 180px;background-color: #000000;
	display: flex;
	flex-wrap: wrap;
	text-align: center;line-height: 25px;
}
.first-box .box-cont .V-icon a{
	width: 80px;height: 90px;background-color: #5F5750;
}
.first-box .box-cont .V-icon a p::before{
	content: '\e900';
	font-family: 'icomoon';	
	font-size: 30px;
	line-height: 50px;
}
.first-box .box-cont .img-right{
	width: 986px;height: 100%;
}
.first-box .box-cont .img-right img{
	height:180px;width: 316px;margin-left: 10px;
}
/* 内容开始 */
section{
	width: 100%;background-color: #F5F5F5;margin-top:30px;padding-top:20px;
}
section .msg{
	height:424px;
}
section .msg-top{
	width: 100%;height: 50px;line-height: 50px;
}
section .msg .fr button{
	border: #CCCCCC 1px solid;width: 30px;height: 30px;
}
section .msg img{
	width: 100%;height: 100%;overflow: hidden;
}
section .msg .msg-r-box{
	width: 986px;height: 374px;
	overflow: hidden;position: relative;
}
section .msg #msg-l::after{
	content: '\e91f';
	font-family: 'icomoon';
}
section .msg #msg-r::after{
	content: '\e920';
	font-family: 'icomoon';
}
section .msg .msg-l{
	width: 240px;height: 374px;
}
section .msg .msg-r div,.msg-rr div{
	width: 240px;height: 374px;
}
section .msg .msg-r img{
	width: 100%;height: 100%;
}
section .msg .msg-box{
	width: 200%;height: 374px;
	position: absolute;left:0;
	transition: left 1s;
}
section .msg .msg-r{
	width: 986px;height: 374px;
	display: flex;
	justify-content: space-around;
}
section .msg .msg-rr{
	width: 986px;height: 374px;
	display: flex;
	justify-content: space-around;
}
section .phone {
	margin-top: 10px;
}
section .phone .phone-nav{
	font-size: 25px;
}
section .phone .phone-nav div{
	width: 130px;height: 40px;line-height: 40px;
}
section .phone .phone-nav .fr a {
	color: #000000;
}
section .phone .phone-nav .fr a::after{
	content: '\ea42';
	font-family: 'icomoon';	
	font-size: 25px;
	float: right;
}
section .phone .phone-nav .fr a:hover{
	color: orange;
}
section .phone .img-phone{
	width: 100%;height: 700px;
	margin-top: 10px;
}
section .phone .img-phone .phone-l{
	width:230px;height:680px;
}
section .phone .img-phone .phone-l img{
	width: 230px;height:680px;
}
section .phone .img-phone .phone-l img:hover{
	box-shadow: 1px 2px 3px #CCCCCC ;transform: translateY(-2px);
	cursor: pointer;
}
section .phone .img-phone .phone-r{
	width: 986px;height:700px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: auto;
	text-align: center;
}
section .phone .img-phone .phone-r div{
	transition: transform 500ms;
	width:239px;height:330px;
	background-color: #FFFFFF;
}
section .phone .img-phone .phone-r div img{
	width:239px;
}
section .phone .img-phone .phone-r div .phoneName{
	color: #000000;
	font-size: 15px;
}
section .phone .img-phone .phone-r div .phoneSex{
	color: #CCCCCC;
}
section .phone .img-phone .phone-r div .phoneMoney{
	color: #FF0000;
	font-size: 15px;
}
section .phone .img-phone .phone-r div p{
	display: block;width: 239px;height: 20px;background-color: #FFFFFF
}
section .phone .img-phone .phone-l :hover{
	box-shadow: 1px 2px 3px #5F5750 ;transform: translateY(-3px);
	cursor: pointer;
}
section .phone .img-phone .phone-r div:hover{
	box-shadow: 1px 2px 3px #CCCCCC ;transform: translateY(-3px);
	cursor: pointer;
}
/* 尾部开始 */
footer{
	background-color: #FFFFFF;width: 100%;font-size: 14px;
}
footer .footer-top ul{
	width: 100%;height: 100px;text-align: center;line-height: 100px;font-size: 16px;
	border-bottom: 1px solid  #CCCCCC;
}
footer .footer-top ul li{
	float: left;margin-left: 70px;
	
}
footer .footer-top ul li a{
	color: #616161;
	
}
footer .footer-top ul li:nth-child(2n){
	width: 1px;height: 30px;background-color: #CCCCCC;
	margin-top: 30px;
}
footer .footer-top a:hover{
	color: #FF0000;
}
footer .footer-top .help  table{
	width: 900px;height: 200px;
	text-align: center;
	
}
footer .footer-top .help  table tr th{
	font-size: 14px;
}
footer .footer-top .help  table tr a{
	color: #616161;
}
footer .footer-top .help table tr a:hover{
	color: #ff5500;
}
footer .footer-top .rr{
	width: 260px;height: 200px;
	text-align: center;line-height: 40px;padding: 20px;
}
footer .footer-top .rr .kf{
	display: block;width: 100px;height: 40px;margin: 0 auto;
	border: 1px #FF0000 solid;color: #FF0000;
}
footer .footer-top .rr .kf:hover{
	background-color: #ff5500;
	cursor: pointer;
	color: #FAFAFA;
}
footer .footer-bottom{
	width: 100%;height: 280px;background-color:#FAFAFA;padding: 20px;
}
footer .footer-bottom .foot-nav a{
	color: #616161;
}
footer .footer-bottom  a:hover{
	color: #ff5500;
}